<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <title>印尼</title>
    <style type="text/css">
        @page {
            size: 100mm 100mm;
            margin: auto;
            overflow: hidden;
        }

        body {
            padding: 0;
            font-family: "Microsoft YaHei";
        }

        img {
            border: none;
        }

        ul, dl {

        }

        .print_table_new {
            width: 360px;
            height: 0px;
            word-break: break-all;
            word-wrap: break-word;
        }

        .wlbm {
            font-size: 21px;
            font-weight: bold;
        }

        .print_table tr td, .print_table tr th {
            border: 1px solid #000;


        }

        .print_table ul li {
            width: 111px;
            float: left;
            text-align: center;
        }

        .print_table_150 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_150 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }

        .print_table_100 tr {
        }

        .print_table_100 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_100 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }

        .print_table_50 tr {
        }

        .print_table_50 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_50 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }
    </style>

</head>
<body>
<table cellspacing="0" cellpadding="0" class="print_table_new"
       style="word-break:break-all; font-size:12px;border:2px #000 solid;">
    <tbody>
    <tr>
        <td colspan="6" valign="top" align="center">
            Tracking Number:${trackNo!}<span style="font-size:15px;float:right;margin-right:10px;">ID3</span>
        </td>
    </tr>
    <tr>
        <td colspan="6" valign="top" align="center">
            <img style="width: 40mm; height: 11mm; "
                 src="data:image/png;base64,${barCodeBase64!}"
                 alt=""/><br/>
        </td>
    </tr>
    <tr>
        <td colspan="6" valign="top">
            <div style="font-size:9px;padding-left:2px" width="290">
                From: <br/><span style="float:right;margin-right:40px;">Date:${todayDate!}</span>
                ${senderName!}<br/>
                ${senderAddress!}<br/>
                ${senderContact!}
            </div>
        </td>
    </tr>
    <tr>
        <td colspan="6" valign="top"
            style="margin-top: 40px">
            Penerima:<br/>
            <div style="font-size:9px;padding-left:2px;padding-bottom: 20px">
                <span style="line-height:12px">&nbsp;&nbsp;${receiver!}<br/>&nbsp;&nbsp;${receiverAddress!}&nbsp;&nbsp;<b>${countryName!}</b><br/>Postcode:${postCode!}<br/>Phone Number:(Phone:${receiverContact!})</span>
            </div>
        </td>
    </tr>
    <tr height="14">
        <td colspan="6" style="border:1px #000 solid;border-right:none;border-left:none;">
            <table width="100%" cellspacing="0" border="0" cellpadding="0"
                   style="margin:1px;font-size:9px;padding-left:2px;">
                <tr height="">
                    <td width="40%">Description</td>
                    <td width="">${orderNo}</td>
                </tr>
                <#list list as itemValue>
                <tr>
                    <td>${(itemValue.sku)!}</td>
                    <td>${(itemValue.nameEn)!}</td>
                    <td width="30">${(itemValue.number)!}</td>
                </tr>
                </#list>

                <tr height="">
                    <td width="">Metode Pembayaran: IPay88</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="6" valign="top" style="padding-left:10px;">
            Package Number:
        </td>
    </tr>
    <tr>
        <td colspan="6" valign="top" align="center" style="padding-bottom:2px;">
            <img height="50"/>
        </td>
    </tr>
    <tr>
        <td colspan="6" style="border:1px #000 solid;border-right:none;border-left:none;border-bottom: none">
            <table width="100%" cellspacing="0" border="0" cellpadding="0"
                   style="margin:1px;font-size:9px;padding-left:2px;">
                <#list list as itemValue>
                <tr>
                    <td>${(itemValue.sku)!}</td>
                    <td>${(itemValue.nameEn)!}</td>
                    <td width="30">${(itemValue.number)!}</td>
                    <td class="wlbm" align="center">${packageNo}</td>
                </tr>
                </#list>
            </table>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>
